<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>客户订单查询</title>
	<link href="/static/css/ground.css" rel="stylesheet" />
	    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/bootstrap-ext.css" rel="stylesheet" />    
    <link href="/static/css/main.css" rel="stylesheet">
</head>
<body class="cx">
<header id="header" role="banner" style="background-color:#FFF"> 
    <div class="notification-block" id="notification" style="display:none;">
        <span>            
            特别提醒：【本站没有任何APP】，所有以“爱代练”为名称的APP均属冒名，请谨慎下载！！！
        </span>
    </div>
    <div id="navbar" class="navbar navbar-default container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="/"><img src="/static/image/lunbo/logo.png" style="height:55px;" alt="网站logo"/></a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav fr ml20" style="margin:0px;font-size:14px;background-color:#FFF;"> 
                <li><a href="/">首页</a></li>                
                <li class="dropdown"> 
                    <a href="/idl.html" class="dropdown-toggle" data-toggle="dropdown"> 
                        爱代练 <b class="caret"></b> 
                    </a> 
                    <ul class="dropdown-menu">                         
                        <li><a href="{:url('search')}">订单进度查询</a></li> 
                        <li class="divider"></li>                          
                        <li><a href="{:url('/index/login/index')}">员工登录</a></li> 
                        <li class="divider"></li> 
                        <li><a href="{:url('/index/login/adminlogin')}">管理员登录</a></li> 
                    </ul> 
                </li> 
                <li>
                    <!-- <a href="/contact.html">联系我们</a> -->
                </li>                                                     
            </ul>                    
        </div>
    </div>
</header> 
	<div class="main-contain">	
		<div class="checkInput">
			<input type="text" placeholder="淘宝单号" id="orderNo" maxlength="30" class="search-box" style="width:70%;box-sizing:border-box;" name="number">
			<input type="submit" value="查询" class="big-btn" id="btnQuery" style="width:20%;box-sizing:border-box;" onclick="search()">
		</div>
		<!-- 能查询到订单时 -->
		<div class="checkInfo">
			<ul id="result">
			   {foreach $datalist as $vo}
				    <li>
			            <div class="action">{$vo.msg}</div>
			            <div>{:date("Y-m-d H:i",$vo.create_time)}</div>                        
			        </li>
			   {/foreach}

			</ul>
		</div>
		
		<!-- 不能查询到订单时 -->
		{empty name="datalist"}
		<div id="message">暂无此单进度信息</div>
		{/empty}
	</div>
</body>
<script src="__resource_path__/libs/jquery/jquery-1-4ed679c998.11.3.min.js"></script>
<script src="/resource/jquery/jquery.js"></script>
<script src="/resource/jquery/jquery.cookie.js"></script>
<script src="/resource/jquery/template.js"></script>
<script src="/resource/jquery/browserDetect.js"></script>
<script src="/static/js/common.js"></script>
<script src="/static/js/tools.js"></script>
<script src="/static/js/bootstrap.min.js"></script>      

<script src="/static/js/index.js"></script>
<script type="text/javascript">

function search(){
   var number = $('#orderNo').val();
   window.location.href="/home/index/search/number/"+number+".html";
}
</script>
</html>